<template>
  <el-row>
    <el-col :span="6">
      <el-scrollbar style="height: 100%">
        <certificate-classification @categoryChange="selectCerCateId"></certificate-classification>
      </el-scrollbar>
    </el-col>
    <el-col :span="18">
      <certificate-content ref="cerContent"></certificate-content>
    </el-col>
  </el-row>
</template>

<script setup>
import CertificateClassification from './components/certificate-classification.vue'
import CertificateContent from './components/certificate-content.vue'
import { ref } from 'vue';
const cerContent= ref()
/**
 * 选择一个证书分类
 * @param id
 */
const selectCerCateId = (id) => {
  cerContent.value.categoryChange(id)
}

</script>

<style></style>
